/*CMS Made Simple - NCleanGrey Theme version 1.5-cmsms1.9x2008/2010 (c) Nuno Costa - nuno@cmsmadesimple.org [criacaoweb.net]*/
/* GRID SYSTEM
 * Fluid Grid based on Based on 960 Grid System - http://www.960.gs 
 * Helper Styles for Module Developer, make aligning modules easier.
 * (To bad Robert didn't request this earlier i could of saved myself
 * from writing a bunch of Styles)
 * For Demo see /admin/themes/OneEleven/doc/grid.html 
 */

/* Container - Wrapping all grids inside, 
 * use .cf class to clear floated elements 
 */
.c_full { width: 100% }

/* Global Grid style, the actual grid */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%
}

/* Alpha = no margin left, Omega = no margin right  */
.alpha { margin-left: 0 }
.omega { margin-right: 0 }

/* Grids up to 12 columns */
.c_full .grid_1 { width: 6.333% }
.c_full .grid_2 { width: 14.667% }
.c_full .grid_3 { width: 23.0% }
.c_full .grid_4 { width: 31.333% }
.c_full .grid_5 { width: 39.667% }
.c_full .grid_6 { width: 48.0% }
.c_full .grid_7 { width: 56.333% }
.c_full .grid_8 { width: 64.667% }
.c_full .grid_9 { width: 73.0% }
.c_full .grid_10 { width: 81.333% }
.c_full .grid_11 { width: 89.667% }
.c_full .grid_12 { width: 98.0% }

/* Prefix to add extra space left
 * Example (same for other like suffix, push or pull): <div class='grid_1 prefix_1'>
 */
.c_full .prefix_1 {	padding-left: 8.333% }
.c_full .prefix_2 {	padding-left: 16.667% }
.c_full .prefix_3 {	padding-left: 25.0% }
.c_full .prefix_4 {	padding-left: 33.333% }
.c_full .prefix_5 {	padding-left: 41.667% }
.c_full .prefix_6 {	padding-left: 50.0% }
.c_full .prefix_7 {	padding-left: 58.333% }
.c_full .prefix_8 {	padding-left: 66.667% }
.c_full .prefix_9 {	padding-left: 75.0% }
.c_full .prefix_10 { padding-left: 83.333% }
.c_full .prefix_11 { padding-left: 91.667% }

/* Suffix to add extra space right */
.c_full .suffix_1 {	padding-right: 8.333% }
.c_full .suffix_2 {	padding-right: 16.667% }
.c_full .suffix_3 {	padding-right: 25.0% }
.c_full .suffix_4 {	padding-right: 33.333% }
.c_full .suffix_5 {	padding-right: 41.667% }
.c_full .suffix_6 {	padding-right: 50.0% }
.c_full .suffix_7 {	padding-right: 58.333% }
.c_full .suffix_8 {	padding-right: 66.667% }
.c_full .suffix_9 {	padding-right: 75.0% }
.c_full .suffix_10 { padding-right: 83.333% }
.c_full .suffix_11 { padding-right: 91.667% }

/* Push to right */
.c_full .push_1 { left: 8.333% }
.c_full .push_2 { left: 16.667% }
.c_full .push_3 { left: 25.0% }
.c_full .push_4 { left: 33.333% }
.c_full .push_5 { left: 41.667% }
.c_full .push_6 { left: 50.0% }
.c_full .push_7 { left: 58.333% }
.c_full .push_8 { left: 66.667% }
.c_full .push_9 { left: 75.0% }
.c_full .push_10 { left: 83.333% }
.c_full .push_11 { left: 91.667% }

/* Pull to left */
.c_full .pull_1 { left: -8.333% }
.c_full .pull_2 { left: -16.667% }
.c_full .pull_3 { left: -25.0% }
.c_full .pull_4 { left: -33.333% }
.c_full .pull_5 { left: -41.667% }
.c_full .pull_6 { left: -50.0% }
.c_full .pull_7 { left: -58.333% }
.c_full .pull_8 { left: -66.667% }
.c_full .pull_9 { left: -75.0% }
.c_full .pull_10 { left: -83.333% }
.c_full .pull_11 { left: -91.667% }

/* Margin top */
.m_top_5 { margin-top: 5px !important }
.m_top_10 { margin-top: 10px !important }
.m_top_15 { margin-top: 15px !important }
.m_top_25 { margin-top: 25px !important }
.m_top_30 { margin-top: 30px !important }
.m_top_35 { margin-top: 35px !important }
.m_top_45 { margin-top: 45px !important }
.m_top_60 { margin-top: 60px !important }
.m_top_90 { margin-top: 90px !important }
.m_top_120 { margin-top: 120px !important }

/* Margin bottom */
.m_bottom_5 { margin-bottom: 5px !important }
.m_bottom_10 { margin-bottom: 10px !important }
.m_bottom_15 { margin-bottom: 15px !important }
.m_bottom_25 { margin-bottom: 25px !important }
.m_bottom_30 { margin-bottom: 30px !important }
.m_bottom_35 { margin-bottom: 35px !important }
.m_bottom_45 { margin-bottom: 45px !important }
.m_bottom_60 { margin-bottom: 60px !important }
.m_bottom_90 { margin-bottom: 90px !important }
.m_bottom_120 { margin-bottom: 120px !important }

/* Padding top */
.p_top_5 { padding-top: 5px !important }
.p_top_10 { padding-top: 10px !important }
.p_top_15 { padding-top: 15px !important }
.p_top_30 { padding-top: 30px !important }
.p_top_45 { padding-top: 45px !important }
.p_top_60 { padding-top: 60px !important }
.p_top_90 { padding-top: 90px !important }
.p_top_120 { padding-top: 120px !important }
.p_top_130 { padding-top: 130px !important }

/* Padding bottom */
.p_bottom_5 { padding-bottom: 5px !important }
.p_bottom_10 { padding-bottom: 10px !important }
.p_bottom_15 { padding-bottom: 15px !important }
.p_bottom_30 { padding-bottom: 30px !important }
.p_bottom_45 { padding-bottom: 45px !important }
.p_bottom_60 { padding-bottom: 60px !important }
.p_bottom_90 { padding-bottom: 90px !important }
.p_bottom_120 { padding-bottom: 120px !important }
.p_bottom_130 { padding-bottom: 130px !important }
/* CLEARFIX */
* html .cf {
	height: 1%;
	overflow: visible
}
*+ html .cf { min-height: 1% }
.cf:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}
/************General tags************/
* {
	margin: 0;
	list-style: none;
	outline: none;
}
img {
	border: none;
}
legend {
	font-weight: bold;
	font-size: 1.2em;
	color: #464646;
	padding: 5px 5px 10px;
}
fieldset {
	border: 1px solid #CCCCCC;
	padding: 5px 5px 25px 5px;
	margin: 0 0 10px 0;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
hr {
	display: none;
}
a {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
.pagecontainer a, .breadcrumbs a , .pageback a, .MainMenu a, .itemmenucontainer a {
	text-decoration: underline;
}
a.move_up {
	margin-left: 16px;
}
.pagecontainer a:hover, .breadcrumbs a:hover, .pageback a:hover, .MainMenu a:hover, .itemmenucontainer a:hover {
	text-decoration: none;
	background: transparent;
	color: #333;
}
a:hover img {
	background: transparent;
}
body {
	font-size: 70%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #F0F0F0;
	text-align: center;
}
body.body-login {
	background: #fff
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.2em;
}
.pagecontainer h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: .9em;
}
blockquote, input, li, select, th, td {
	font-size: 1em;
}
p {
	font-size: 1em;
	margin: 0px;
}
form {
	margin: 0px;
	display: inline;
}
input {
	font-size: 1.2em;
	border: 1px solid #ccc;
	background: #F0F0F0;
	margin-right: 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
input:hover, input:focus, textarea:hover, select:hover, checkbox:hover {
	border: 1px solid #A4A4A4;
	background: #fff;
}
input[type="text"], input[type="password"] {
	padding: 4px;
}
input[type="button"], input[type="submit"] {
	cursor: pointer;
	background: url(themes/NCleanGrey/images/layout/nav.png) repeat-x left 0;
	color: #fff;
	padding: 5px 10px 6px 10px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: none;
}
input[type="button"]:hover, input[type="submit"]:hover {
	cursor: pointer;
	background: url(themes/NCleanGrey/images/layout/nav.png) repeat-x left -50px;
}
input[type="button"].disabled, input[type="submit"].disabled {
	opacity: .7;
	filter: alpha(opacity=70); 
	-ms-filter: "alpha(opacity=70)";
} 
input[type="checkbox"] {
	background: #fff;
	border: none;
}
textarea {
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	background: #F0F0F0;
	width: 48em;
	height: 30em;
	overflow: auto;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
select, menu {
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	background: #F0F0F0;
	padding: 2px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
div {
	text-align: left;
}
th, td {
	text-align: left;
}

code, tt, pre {
	font-size: 120%;
}
/* Format code chunks */
pre, code, samp, kbd {
	font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Courier New', monospace;
	text-align: left;
	color: #222;
	font-size: 12px;
	}
pre code {
	line-height: 1.6em;
	}
pre {
	padding: 0.1em 0.5em 0.3em 0.7em;
	border-left: 11px solid #ccc;
	margin: 1.7em 0 1.7em 0.3em;
	overflow: auto;
	width: 93%;
	}
/* target IE7 and IE6 */
*:first-child+html pre {
	padding-bottom: 2em;
	overflow-y: hidden;
	overflow: visible;
	overflow-x: auto; 
	}
* html pre{ 
	padding-bottom: 2em;
	overflow: visible;
	overflow-x: auto;
	}
/************ Full Page Container ************/
#ncleangrey-container {
	border-bottom: solid 1px #ccc;
	margin: 0px;
	background-color: #fff;
	text-align: left;
	min-width: 700px;
	width: auto !important;
	width: 700px;
}
/* Top - banner */
#logocontainer {
	height: 80px;
	margin: 0;
	background: #ccc url(themes/NCleanGrey/images/layout/banner.png) repeat-x left top;
	border-bottom: 1px solid #D6D6D6;
	width: auto;
	overflow: hidden;
	text-shadow: 0 1px 0 #FFFFFF;
}
/* Top - logo */
#logocontainer img {
	float: left;
	padding: 0px;
	margin: 0 0 0 10px;
}
/* Top - logo - text */
div.logotext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: bold;
	font-size: 1.0em;
	text-align: right;
	margin-right: 10px;
	padding: 10px 10px 10px 10px;
	width: auto;
}
/* Login - Clear  */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/************ Layer login ************/
div.login-all {
	margin: 100px auto 20px;
	width: 715px;
	text-align: left;
	padding: 0px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
/*Layer info*/
div.login-all .info {
	float: left;
	width: 350px;
	margin: 0;
	height: auto;
	background: #fff url(themes/NCleanGrey/images/layout/itenmenucontainer.gif) no-repeat right top;
	padding: 0px;
}
.info p , .info ol li {
	list-style: decimal inside;
	padding: 2px;
	margin: 0px;
}
.info h1 {
	font-style: italic;
	font: bold 1.3em Arial, Verdana;
	color: #464646;
	text-shadow: 0 1px 0 #FFFFFF;
	width: auto;
	padding: 11px;
	margin: 5px 5px 5px;
}
.centerLogin #img {
	background: url(themes/NCleanGrey/images/layout/Login.gif) no-repeat 5px 5px;
	padding-left: 70px;
	padding-top: 25px;
	display: block;
	color: #666;
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 25px;
}
.centerLogin span {
	padding-left: 50px;
	margin-top: 50px;
	font-weight: bold;
}
.login {
	background: #fff url(themes/NCleanGrey/images/layout/itenmenucontainer.gif) no-repeat left top;
	float: right;
	width: 350px;
	margin: 0;
	padding-bottom: 50px;
}
div.forgot-pw {
	background: transparent url(themes/NCleanGrey/images/icons/extra/forgot-pass.gif) no-repeat left top;
	margin-left: -30px;
	margin-top: 15px;
	height: 50px;
	padding-top: 4px;
	padding-left: 30px;
}
div.forgot-pw a, div.forgot-pw a:hover, div.forgot-pw a:visited {
	color: #464646;
	font-weight: bold;
}
div.top {
	font: bold 1.3em Arial, Verdana;
	width: auto;
	border-style: none;
	border-width: 0px;
	color: #464646;
	text-align: right;
	padding: 11px 10px 11px 0;
	margin: 5px 5px 0 5px;
}
div#copy {
	font-size: 110%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	clear: both;
	text-align: center;
}
div#copy a {
	font-weight: bold;
	color: #464646;
	text-decoration: underline;
}
div#copy a:hover {
	color: #000;
	text-decoration: underline;
}
.login-footer {
	height: 50px;
	width: auto;
	clear: both;
}
#centerLogin, .centerLogin {
	height: 100%;
	margin: 0px;
	padding: 10px 5px;
}
div.formcontainer {
	padding: 10px;
	overflow: hidden;
	margin: 0px;
}
div.erroLogin {
	margin: 2px 2px 5px 2px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #FEE2E2;
	color: #000;
	width: auto;
	background: #FEF5F5 url(themes/NCleanGrey/images/icons/system/stop.gif) no-repeat 5px 5px;
	font-weight: bold;
	height: 1%; /*IE6*/
}
div.acceptLogin {
	margin: 2px 2px 5px 2px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #E8EFDE;
	color: #000;
	width: auto;
	background: #F9FBF7  url(themes/NCleanGrey/images/icons/system/accept.gif) no-repeat 5px 5px;
	height: 1%; /*IE6*/
}
div.warningLogin {
	margin: 2px 2px 5px 2px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #FDEAD0;
	color: #000;
	width: auto;
	background: #FEF4E7 url(themes/NCleanGrey/images/icons/system/warning.gif) no-repeat 5px 5px;
	height: 1%; /*IE6*/
}
.lbfieldstart {
	margin: 0 0 5px 0;
	padding: 0 8px 8px 8px;
	border-bottom: 1px solid #F0F0F0;
}
div.lbfieldstext {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	font-size: 0.8em;
	text-align: right;
}
div.login-fields {
	float: left;
	margin-left: 5px;
	padding-left: 5px;
}
div.login-fields input.loginsubmit {
	margin-top: 5px;
	width: 85px;
}
div.formcontainer #lbpassword, div.formcontainer #lbusername, div.formcontainer #lbpasswordagain {
	margin-top: 5px;
	width: 165px;
}
input.order {
	width: 2em;
	font-size: 1em;
	text-align: center;
}
p.lbuser {
	color: #555555;
	font-size: 1.2em;
}
p.lbpass {
	color: #555555;
	font-size: 1.2em;
	margin-top: 10px;
}
/********* MENU *********/
div.topmenucontainer {
	background: #000 url(themes/NCleanGrey/images/layout/dark.png) repeat-x 0px 0px;
	height: 1%;
	width: auto;
	margin: 0;
	padding: 0;
}
ul#nav, ul#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#nav {
	padding-left: 10px;
}
ul#nav ul {
	border-top: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
}
ul#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
}
ul#nav a {
	text-decoration: none;
	display: block;
}
ul#nav li a {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	padding: 12px 17px 14px;
	display: block;
	border-right: 1px solid #666;
}
ul#nav li:hover, ul#nav li.cssHover, ul#nav a.module:hover, ul#nav a.first_module:hover , ul#nav li .selected:hover, ul#nav ul li a:hover {
	background:  url(themes/NCleanGrey/images/layout/nav.png) repeat-x left -50px;
	color: #fff;
}
ul#nav li a.selected {
	background:  url(themes/NCleanGrey/images/layout/nav.png) repeat-x left 0px;
	color: #fff;
	border-right: 1px solid #999;
	border-left: 1px solid #ccc;
}
ul#nav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 7px 30px 7px 15px;
	font-weight: normal;
	color: #000;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
	border-bottom: 1px solid #E5E5E5;
}
ul#nav li ul {
	background: #fff;
	margin: 0 0 0 -1px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	opacity: 0.95;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
ul#nav li li {
	float: none;
	margin: 0px;
	padding: 0px;
}
ul#nav li:hover ul ul, ul#nav li.cssHover ul ul {
	display: none;
}
ul#nav li:hover ul, ul#nav li.cssHover ul {
	display: block;
}
ul#nav ul li a.selected, ul#nav li ul a.module.selected, ul#nav li ul a.first_module.selected {
	background: #ccc;
	color: #000;
	border-right: 0 none;
	border-left: 0 none;
	border-top: 1px solid #fff;
	border-bottom: 0 none;
}
ul#nav li ul a.module {
	background: #E5E5E5;
	border-top: 1px solid #fff;
}
ul#nav li ul a.first_module {
	color: #000;
	background: #E5E5E5;
	border-top: 1px solid #fff;
}
ul#nav li.sep {
	line-height: 2px;
	border-bottom: 1px solid #333333;
}
/********** Nav Tools  **********/
div.navt_menu {
	opacity: 0.90;
	position: absolute;
	z-index: 1110;
	right: 0px;
	top: 122px;
}
div.navt_show {
	background: transparent url(themes/NCleanGrey/images/layout/atalhos.gif) no-repeat left top;
	float: left;
	width: 22px;
	height: 85px;
	cursor: pointer;
	margin: 1px 0px 0px;
	padding: 0px;
}
div.navt_hide {
	background: transparent url(themes/NCleanGrey/images/layout/atalhos.gif) no-repeat right top;
	float: left;
	width: 22px;
	height: 85px;
	cursor: pointer;
	margin: 1px 0px 0px;
	padding: 0px;
}
#navt_container {
	float: left;
	width: 20em;
	background-image: url(themes/NCleanGrey/images/layout/itenmenucontainer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#navt_tabs div {
	color: #3D5258;
	background: #EBF0F1;
	padding: 5px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #E4E4E4;
	border-bottom: 1px solid #CFCFCF;
	width: auto;
	text-align: center;
	float: left;
	padding: 5px;
	cursor: pointer;
	font-weight: bold;
	margin-top: 2px;
}
#navt_tabs div:hover, #navt_tabs div.cssHover {
	background-color: #FFFFFF;
}
#navt_tabs div.active {
	background-color: #FFFFFF;
}
#navt_content {
	color: #666666;
	margin: 10px 5px;
	padding: 5px;
}
#navt_content a {
	color: #666666;
}
.visible {
	display: block;
}
.invisible {
	display: none;
}
/********** Page Tabs - used for all page tabs **********/
#page_tabs {
	overflow: hidden;
	margin-top: 20px;
	margin-left: 20px;
	height: 1%; /*IE6*/
}
#page_tabs div {
	color: #000000;
	font-size: 1em;
	background: #F9F9F9 url(themes/NCleanGrey/images/layout/tabs.png) repeat-x left 0px;
	text-align: center;
	float: left;
	cursor: pointer;
	white-space: nowrap;
	padding: 11px;
	border-right: 1px solid #DBDBDB;
	border-left: 1px solid #B5B5B5;
	border-top: 1px solid #B5B5B5;
	margin-top: 1px;
	margin-right: 1px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
	/*if we have icons into the tabs let's fix to height:14px;*/
#page_tabs div img {
	height: 14px;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
}
#page_tabs div:hover, #page_tabs div.cssHover {
	background-position: left -45px;
}
#page_tabs div.active {
	background-position: left -95px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: none;
	margin-right: 1px;
	margin-left: 1px;
	font-weight: bold;
}
#page_content {
	background: transparent;
	padding: 20px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #F4F4F4;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
/********** top*.php files - Sections **********/
a.itemlink {
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
	display: inline-block;
	padding-bottom: 5px;
}
a.itemsublink {
	color: #000;
}
#MainContent .sections {
	margin-left: 230px;
	clear: both;
}
div.MainMenu {
	margin-right: 10px;
	float: left;
	height: auto;
	width: 99%;
}
.MainMenu .itemmenucontainer {
	float: left;
	color: #666666;
	width: 99%;
	background: url(themes/NCleanGrey/images/layout/greyLight.png) repeat-x left 0px;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	margin: 0 0 0 1%;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: solid 1px #DFDFDF;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
div.itemoverflow {
	width: auto;
	margin: 0px 10px 5px 10px;
}
div.itemoverflow  a.title-itemlink {
	padding: 7px 0 10px 0;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	font-family: arial;
	color: #464646;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
}
div.itemoverflow  a.title-itemlink:hover {
	color: #000;
}
div.itemoverflow img {
	border: none;
}
div.itemoverflow a {
	border: none;
}
p.itemicon {
	float: left;
	margin-right: 10px;
}
.itemmenucontainer.shortcuts {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: solid 1px #DFDFDF;
	width: 200px;
	margin: 0 0 0 -220px;
	color: #666666;
	background: url(themes/NCleanGrey/images/layout/body.jpg) repeat-x left top;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	overflow: hidden;
	clear: left;
	float: left;
	padding: 10px 5px;
	text-shadow: 0 1px 0 #FFFFFF;
}
div.shortcuts h2 {
	border-bottom: 1px solid #999;
	margin: 0 0 10px 0;
}
div.shortcuts h3 {
	padding-top: 1em;
}
div.shortcuts ul {
	margin: 0.5em 0 0 0;
	padding-left: 0;
}
div.shortcuts li {
	background-image: url(themes/NCleanGrey/images/icons/topfiles/shortcut.gif);
	background-repeat: no-repeat;
	background-position: 1em 0.5em;
	padding-top: 0.5em;
	padding-left: 3em;
	padding-bottom: 0.5em;
	list-style: none;
	line-height: 1.3em;
}
div.shortcuts a {
	color: #464646;
}
/********** All pages - Content **********/
#MainContent {
	background: transparent;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.hstippled {
	font-size: 1px;
	height: 1px;
}
div.breadcrumbs {
	margin: 0px;
	background: #F0F0F0;
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 0px 10px 20px;
	color: #464646;
	height: 1%;
}
a.breadcrumbs {
	color: #464646;
}
/********** FOOTER **********/
#footer {
	font-size: 110%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: solid 1px #fff;
	color: #666;
	text-align: center;
	padding: 10px;
	clear: both;
	min-width: 600px;
	width: auto !important;
	width: 600px;
	height: auto;
	text-shadow: 0 1px 0 #FFFFFF;
}
#footer a {
	color: #333;
	text-decoration: underline;
}
#footer a:hover {
	color: #666;
}
/*
#footer .icons-license {
	display: block;
	padding: 5px 0px 5px 5px;
	margin-top: 4px;
	margin-right: 0px;
	text-align: right;
	font-size: 90%;
	font-family: Arial, Verdana;
}
*/
/* Standard pages output */
div.pagecontainer {
	padding: 10px;
	background: transparent;
	margin-right: 10px;
	margin-left: 10px;
	height: 1%; /*IE6*/
}
div.pagecontainer p {
	margin-bottom: 1em;
}
div.pagecontainer ol {
	margin: 0 0 0 10px;
}
div.pagecontainer ol li{
	list-style:decimal;
	line-height: 1.4;
}
div.pagecontainer ol > li:before {
    content: ')';
    padding: 0 10px 0 0;
}
div.pagecontainer ul {
	margin-left: 0em;
	padding-left: 20px;
}
div.pagecontainer ul li {
	list-style-type: disc;
	padding-bottom: 4px;
} 
div.pagecontainer .reorder-pages ul li {
	list-style-type: none;
}
div.pageerrorcontainer , div.pageerrorinstalldir {
	margin: 10px 20px;
	padding: 10px;
	border: 1px solid #FEE2E2;
	color: #000;
	width: auto;
	background: #FEF5F5;
	font-weight: bold;
	height: 1%; /*IE6*/
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
div.pageerrorcontainer a:link {
	color: #ED9492;
	text-decoration: underline;
}
div.pagemcontainer {
	margin: 10px 20px;
	padding: 10px;
	border: 1px solid #E8EFDE;
	background: #F9FBF7;
	height: 1%; /* IE6*/
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
div.pageoverflow {
	clear: left;
	padding-top: 1px;
	width: auto;
	overflow: hidden;
}
div.pageoverflow a, div.pagecontainer a {
	color: #464646;
}
div.pageoverflow img {
	border: 0px;
}
div.pageoptions {
	padding-top: 1px;
}
img.pageicon {
	border: none;
}
img.systemicon {
	border: none;
	vertical-align: middle;
}
a.pageoptions {
	color: #464646;
}
a.pageback {
	color: #464646;
}
.pageback {
	margin: 10px;
}
div.pagecontainer .pageheader {
	padding-bottom: 5px;
	padding-left: 2px;
	color: #464646;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	clear: both;
}
div.pagecontainer .pageheader img.itemicon {
	margin-bottom: -7px;
	margin-left: -2px;
}
textarea.pagetextarea {
	width: 48em;
	height: 30em;
}
div.pagecontainer span.helptext {
	font-size: 0.8em;
	font-weight: normal;
	padding: 2px;
	position: absolute;
	z-index: 10;
	margin-top: -4px;
	right: 35px;
}
div.pagecontainer .pagetext {
	color: #464646;
	margin: 1em 0 0.2em 0;
	padding: 0;
	margin-left: 5%;
	width: auto;
	font-weight: bold;
}
div.pagecontainer .pageinput {
	color: #464646;
	padding: 0;
	margin: 0;
	margin-left: 5%;
	width: auto;
	text-align: left;
}
p.pageinputwysiwyg {
	padding-top: 5px;
}
p.pagemessage {
	margin-bottom: 0;
	padding: 5px;
	font-weight: bold;
}
.pageshowrows {
	width: 50%;
	color: #464646;
	text-align: right;
	float: right;
	margin-right: 5px;
}
p.pagesubtitle {
	color: #464646;
	font-weight: bold;
	padding-top: 5px;
}
p.pageoptions {
	color: #464646;
	padding-top: 5px;
}
.pagerows {
	font-size: 1.3em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table.pagetable {
	font-size: 1em;
	border-radius: 5px;
	border-collapse: inherit;
	border: 1px solid #ccc;
	width: 100%;
	margin: 5px auto;
}
table.pagetable caption {
	color: #464646;
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 0;
}

table.pagetable th,
table.pagetable thead tr {
	color: #464646;
	text-shadow: 0 1px 0 #FFFFFF;
	background: #CCCCCC url(themes/NCleanGrey/images/layout/banner.png) repeat-x left -33px;
	height: 45px;
	text-align: left;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}
table.pagetable th a {
	color: #000;
}
table.pagetable th.active {
	color: #333;
}
table.pagetable th.active a {
	color: #333;
	text-decoration: underline;
}
table.pagetable th a:hover {
	color: #333;
	text-decoration: underline;
}
table.pagetable tr {
	height: 2.5em;
}
table.pagetable td {
	color: #333;
	padding-left: 5px;
	padding-right: 5px;
}
table.pagetable a {
	color: #000;
}
table.pagetable th:first-child {
	border-top-left-radius: 5px
}
table.pagetable th:last-child {
	border-top-right-radius: 5px
}
table.pagetable tr:last-child td:first-child {
	border-bottom-left-radius: 5px
}
table.pagetable tr:last-child td:last-child {
	border-bottom-right-radius: 5px
}
table.pagetable a.tooltip {
	position: relative;
}
table.pagetable a.tooltip span {
	display: none;
	position: absolute;
	background: #efefef;
	left: 110%;
	bottom: 10px;
	box-shadow: 1px 1px 3px 1px #aaa;
	border: 1px solid #aaa;
	padding: 5px;
	z-index: 999;	
	min-width: 150px;
	width: auto;
	border-radius: 6px;
	line-height: 1.3;
}
table.pagetable th.pagepos {
	text-align: center;
}
.move {
	width: 60px;
	text-align: left;
	padding-left: 5px;
}
.checkbox {
	padding-left: 10px;
}
th.pagew10 {
	width: 10%;
}
th.pagew25 {
	width: 25%;
}
th.pagew50 {
	width: 50%;
}
th.pagew60 {
	width: 60%;
}
th.pagew70 {
	width: 70%;
}
table.pagetable th.pageicon {
	min-width: 1px;
	width: 1px;
	border: 0 none;
}
td.pagew30 {
	width: 30%;
}
td.pagepos {
	text-align: center;
}
tr.row1 {
	background-color: #fff;
}
tr.row2 {
	background: #E5E5E5;
}
tr.row1:hover {
	background: #ccc;
}
tr.row2:hover {
	background: #ccc;
}
tr.row1hover {
	background: #ccc;
}
tr.row2hover {
	background: #ccc;
}
td.pageicon {
	background-color: #fff !important;
}
td.icons_wide {
	width: 25px;
}
/*** File Manager ***/
#filesarea img {
	max-width: 32px;
}
iframe.imageframe {
	margin-top: 10px;
	border: none;
	width: 100%;
}
iframe.preview {
	background-color: #fff;
	margin: 10px;
	border: solid 1px #666;
	width: 95%;
	height: 400px;
}
input.pagebutton {
	cursor: pointer;
	background: transparent url(themes/NCleanGrey/images/layout/nav.png) repeat-x left 0;
	color: #fff;
}
.pagebutton:hover {
	background: transparent url(themes/NCleanGrey/images/layout/nav.png) repeat-x left 50px;
	cursor: pointer;
}
input.pagecheckbox {
	border: none;
}
textarea.pagebigtextarea {
	height: 40em;
	width: 55em;
}
.pageinput textarea
{
	font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Courier New', monospace;
	font-size: 12px;
	line-height: 1.6;
}
textarea.pagesmalltextarea {
	height: 15em;
	width: 48em;
}
textarea.pageextrasmalltextarea {
	height: 8em;
	width: 28em;
}
textarea.pageheadtags {
	height: 5em;
}
ul.pageerror {
	margin: 0;
	padding-left: 10px;
}
div.pagecontainer ul.pageerror li, ul.pageerror li {
	padding: 10px 10px 10px 35px;
	margin-left: 5px;
	list-style-type: none;
	background: url(themes/NCleanGrey/images/icons/system/stop.gif) no-repeat left center;
}
div.pagewarning,
div.information {
	margin: 2px 2px 5px 2px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #FDEAD0;
	background: #FEF4E7 url(themes/NCleanGrey/images/icons/system/warning.gif) no-repeat 5px 10px;
	height: 1%; /* IE6*/
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
div.information {
	background: #cee6f2 url(themes/NCleanGrey/images/icons/system/info.gif) 10px 50% no-repeat;
	border: 1px solid #058dc7
}
div.pageerrorcontainer a {
	color: #fff;
}
.clearb {
	clear: both;
}
.loginerror {
	color: #ce374e;
}
.imageframe {
	height: 300px;
}
.ajaxbutton {
	clear: both;
	padding-top: 5px;
	padding-left: 1px;
}
/***********REORDER CONTENT ************/
.reorder-pages {
	margin: 20px 10px;
	width: 95%;
}
ul.sortableList .ui-draggable-dragging, ul.sortable .placeholder {
	border: 2px dashed #ccc;
	background: #F0F0F0;
}
ul.sortableList {
	list-style-type: none;
	padding: 0;
}
ul.sortableList   div.label {
	border: solid 1px #F0F0F0;
	word-wrap: break-word;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	cursor: move;
	padding: 5px 10px 5px 5px;
	background: #fff url(themes/NCleanGrey/images/layout/greyLight.png) repeat-x scroll left 0px;
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight: bold;
	color: #464646;
	width: 450px;
}
ul.sortableList  li div.label em {
	display: block;
	color: #666;
	font-size: 90%;
}
ul.sortableList  li div.label span {
	float: left;
	width: 17px;
	height: 17px;
	display: block;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 15px;
	background: transparent url(themes/NCleanGrey/images/icons/extra/reorder.gif) no-repeat  0px 0px;
}
ul.sortableList li {
	margin-top: 15px;
	margin-left: 40px;
	width: 450px;
}
/*END REORDER*/
.important {
	color: red;
	font-weight: normal;
}
.smallgrey { 
        font-weight: normal;
        font-size: 0.8em;
		margin: 10px 0 0 0;
} 
/*FILEMANAGER MESSAGES*/
span.fm-messages {
	margin-left: 20px;
	padding: 0px 2px 5px 10px;
	display: block;
}
/*ICONS SYSINFO*/
.icon-extra {
	padding-left: 0.8em;
	clear: left;
	margin: 0.8em 0 0 0.8em;
}
/*h2, 3, 4, etc  inside*/
div.pagecontainer .h-inside {
	float: left;
	padding-top: 8px;
	padding-right: 1em;
	margin-left: 10%;
	width: 18em;
	margin-bottom: 0.5em;
	text-align: right;
}
/*ICONS VIEW SITE AND LOGOUT ADMIN*/
div#nav-icons_all {
	margin: -5px 0px 0px 0px;
	padding: 0px;
	float: right;
	width: 100px;
	height: auto;
}
div#nav-icons_all ul#nav-icons {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	text-indent: -9999em;
}
div#nav-icons_all ul#nav-icons li {
	padding: 0px;
	float: left;
	height: 1%; /*IE6*/
	margin-left: 10px;
}
div#nav-icons_all ul#nav-icons li.viewsite-icon a {
	display: block;
	width: 24px;
	height: 24px;
	background: transparent url(themes/NCleanGrey/images/icons/extra/nav-icons.gif) no-repeat  0px 0px;
}
div#nav-icons_all ul#nav-icons li.logout-icon a {
	display: block;
	width: 24px;
	height: 24px;
	background: transparent url(themes/NCleanGrey/images/icons/extra/nav-icons.gif) no-repeat  -25px 0px;
}
/*hover*/
div#nav-icons_all ul#nav-icons li.viewsite-icon a:hover {
	background-position:  0px -25px;
}
div#nav-icons_all ul#nav-icons li.logout-icon a:hover {
	background-position:   -25px -25px;
}
/*since 1.4*/
.group {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.group_memberships {
	margin: 0;
	height: 1%; /*IE*/
	padding: 5px  10px;
	background: #F0F3F4;
	border: 1px solid #DCE4E7;
}
#copy_paste_in_forum {
	width: 80%;
	margin: 0 10%;
}
/* ------- Notifications ------- */
.full-Notifications {
	clear: both;
	margin: 10px 10px 0 15px;
}
.full-Notifications a, .full-Notifications a:visited {
	color: #464646;
	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;
}
.full-Notifications a:hover, .full-Notifications a:active {
	color: #000;
}
div.notifications-show {
	background: transparent url(themes/NCleanGrey/images/icons/Notifications/notifications_icons.gif) no-repeat left top;
	float: left;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 5px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}
div.notifications-hide {
	background: transparent url(themes/NCleanGrey/images/icons/Notifications/notifications_icons.gif) no-repeat right top;
	float: left;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}
.Notifications-title {
	margin: 0;
	font:  1.0em Arial, Helvetica, sans-serif;
	color: #333;
	padding: 3px 0px 1px;
	float: left;
	height: 10px;
	margin-right: 5px;
}
.full-Notifications ul#Notifications-area {
	margin: 20px 0px 0px -20px;
	padding: 0 5px 0 0;
	height: 1%; /*IE*/
	float: left;
	list-style: none;
	width: 550px;
}
.NotificationsItem {
	margin: 5px 5px 5px 0px;
	padding: 2px 0px 2px 30px;
	height: 1%;
/*IE*/
	width: auto;
}
.NotificationsPriority1 {
	background: url(themes/NCleanGrey/images/icons/Notifications/1.gif) no-repeat left top;
}
.NotificationsPriority2 {
	background: url(themes/NCleanGrey/images/icons/Notifications/2.gif) no-repeat left top;
}
.NotificationsPriority3 {
	background: url(themes/NCleanGrey/images/icons/Notifications/3.gif) no-repeat left top;
}
/* ------- Dashboard page ------- */
.clear-db:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clear-db {
	height: 1%;
}
.clear-db {
	display: block;
}
.full-content {
	margin: 7px 0;
	padding: 0;
}
/*CORE*/
.coredashboardcontent {
	padding: 0px 1px;
	border: 1px solid #93AEB7;
	width: 98%;
	margin: 5px 1% 5px 1%;
}
.dashboardheader-core {
	background: #fff url(themes/NCleanGrey/images/layout/nav.png) repeat-x 0px -50px;
	color: #fff;
	width: auto;
	font-size: 1.2em;
	font-weight: bold;
	padding: 4px;
}
.dashboardcontent-core {
	color: black;
	width: auto;
	background: #F8F8F8;
	padding: 10px 5px;
}
/*NOT CORE*/
.moduledashboardcontent {
	padding: 0px 1px;
	border: 1px solid #AAC0C6;
	width: 48%;
	float: left;
	margin: 5px 0 5px 1%;
}
.dashboardheader {
	background: #fff url(themes/NCleanGrey/images/layout/nav.png) repeat-x 0px 0px;
	color: black;
	width: auto;
	font-size: 1.2em;
	font-weight: bold;
	padding: 4px;
}
.dashboardcontent {
	color: black;
	width: auto;
	background: #fff;
	padding: 5px;
}
/*TOOLTIPS*/
a.admin-tooltip {
	font-weight: bold;
	text-decoration: none;
}
a.admin-tooltip-box {
	padding: 2px;
	margin: 2px;
	border: 1px solid #aaaaaa;
	cursor: help;
}
a.admin-tooltip:hover {
	background: #ffffff;
	text-decoration: none;
}
/*BG color is a must for IE6*/
a.admin-tooltip span {
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
	width: 150px;
	font-weight: normal;
}
a.admin-tooltip:hover span {
	display: inline;
	position: absolute;
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #6c6c6c;
}
/* REORDER PAGES */
#dropzone {
	background: #efefef
}
div.reorder-pages ul li { 
  list-style: none;
}
/* FILE MANAGER */
.ui-progressbar { height:2em; text-align: right; border-radius: 4px;}
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-progressbar-value {
	color: #333;
	text-align: right;
	padding-right: 10px;
	border: 1px solid #eee;	
	border-radius: 4px;
	background:#b3f83d
}	
